.margin{width: 1190px; margin: 0 auto;}
body{background: #f6f6f6;}
header{height: 38px; background: #f6f6f6;}
header .left{float: left; text-align:center;}
header .left li{float: left; font:12px/38px ""; color: #000; padding: 0 10px;}
header .left .welcome{display: none;}
header .left .welcome #logout{ color: red;}
header .left li:nth-child(1) a{color: red;}
header .right{ float: right; text-align: center;}
header .right li{float: left; font:12px/38px ""; color: #000; background: url(../images/h1.png) no-repeat right center; padding: 0 10px;}
header .right li:nth-child(2) a{color: red;}
header .right li.active{background-image: none;}

nav{background: #fff; }
nav .top{display:flex;}
nav .top .logo{ margin: 24px 60px 15px 2px;}
nav .top .search{margin-top: 30px;}
nav .top .search .tet{ width:350px; height: 35px; padding-left:10px ; border:1px solid #ccc; border-right:0 ; border-radius:5px 0 0 5px;}
nav .top .search .btn{ width:40px; height: 37px; float: right; background: red; border: none; color: #fff;border-radius:0 5px 5px 0;}
nav .top .search p {display: flex;}
nav .top .search p a{display: block; margin: 3px 5px 0 0 ;} 
nav .top .search p a:hover{color: orange;}
nav .top .activity{ }
nav .top .activity ul{display: flex; text-align: center; margin: 30px 0 0 40px;}
nav .top .activity ul li{display: flex; background: url(../images/n3.png) no-repeat right center; padding: 0 10px; font: 14px/36px ""; margin: 0 5px;}
nav .top .activity ul li:last-child{background-image: none;}
nav .top .activity ul li img{width: 40px; height: 37px;}
nav .top .activity ul li span{ margin: 0 5px;}
nav .bottom ul{ display: flex;}
nav .bottom ul li a{display: block; font:300 18px/50px ""; padding: 0 10px; color: #000;}
nav .bottom ul li a:hover{background: #ff464e; color: #fff; border-radius: 5px 5px 0 0;}

#te{background:#ff464e; height: 3px;}

#banner{}
#banner .margin{display: flex;}
#banner .left{display: flex;}
#banner .left ul{background: #fff; overflow: hidden; height: 380px;}
#banner .left ul li{padding:10px 33px; border-bottom: 1px dotted #ccc; font: 14px/34px "";}
#banner .left ul li:nth-child(7){ border-bottom: 0;}
#banner .left ul li a:hover{color: red;}
#banner .center{ width: 700px; height: 360px; position: relative; margin: 20px 25px 0 25px; overflow: hidden;} 
#banner .center .box{}
#banner .center .box a{width: 700px;height: 360px; position: absolute;left:700px;top:0;}
#banner .center .box a:nth-child(1){left: 0;}
#banner .center .box img{width: 700px; height: 360px;}
#banner .center .bTns input{width: 50px; height: 50px; background: rgba(150, 150, 150, .3); position: absolute; border: 0; top: 45%;z-index: 1; border-radius: 50%; }
#banner .center .bTns #left{left:0;}
#banner .center .bTns #right{right: 0;}
#banner .center .list{width: 90px;height: 30px;position: absolute;left: 300px;bottom: 0;display: flex;}
#banner .center .list span{flex: 1; line-height: 30px;text-align: center;border-radius: 50%; background: rgba(255, 255, 255, 0.5); padding: 0 10px;}
#banner .center .list span.active{background:#ccc;color: #fff;}
#banner .right ul{width:249px;display: flex; flex-wrap: wrap; overflow: hidden; margin-top: 20px;}
#banner .right ul li{border-bottom: 1px solid #ccc;}
#banner .right ul li:nth-child(1){border-right:1px solid #ccc;}
#banner .right ul li:nth-child(3){border-right:1px solid #ccc;}
#banner .right ul li:nth-child(5){border-bottom:none;}
#banner .list span{ margin: 0 10px; background: rgba(255, 255, 255, 0.5);}

#brand{margin-top: 20px;}
#brand .margin{ background:#fff; }
#brand #day{}
#brand #day .top{ margin-left: 15px; font: 18px/48px ""; }
#brand #day .top span{ font:15px/24px ""; color: #ccc; margin-left: 10px;}
#brand #day .top em{float: right;font: 15px/48px ""; margin-right: 15px;  }
#brand #day .top em a{color: red;}
#brand #day .center ul{ display: flex; text-align: center;}
#brand #day .center ul li{ margin-left:15px; background:#f6f6f6;}
#brand #day .center ul li a{}
#brand #day .center ul li a img{ width: 278px; height: 130px;}
#brand #day .center ul li a font{ float: left; font: 12px/40px ""; margin-left: 15px;}
#brand #day .center ul li a span{ float: right;  display:block; margin-right: 15px; height: 25px; width: 60px;font: 13px/25px ""; color: #ff464e; border-radius: 5px; margin-top: 8px;}
#brand #day .center ul li a span:hover{ color: #fff; background: #ff464e;}
#brand #day .bottom{ display: flex;}
#brand #day .bottom span{ font: 15px/60px ""; margin-left: 15px;}
#brand #day .bottom ul{ display: flex; align-items: center;}
#brand #day .bottom ul li{ margin-left:46px;}
#brand #day .bottom ul li a{}
#brand #day .bottom ul li a img{width: 70px; height: 35px;}
#brand #day .bottom .active{margin-left: 45px;}
#brand #day .bottom span a{color: red;}

main{margin-top: 20px;}
main .margin{ background: #fff;}
main #newPing .top{ margin-left: 15px; font: 18px/48px ""; }
main #newPing .top span{ font:15px/24px ""; color: #ccc; margin-left: 10px;}
main #newPing .top em{float: right;font: 12px/48px ""; margin-right: 15px;  }
main #newPing .center{ margin-bottom: 30px;}
main #newPing .center ul{  display: flex; flex-wrap:  wrap;}
main #newPing .center ul li{width: 220px; margin:15px 0 0 15px;}
main #newPing .center ul li a{}
main #newPing .center ul li a img{ width: 220px; height: 220px;}
main #newPing .center ul li a span{ font: 15px/40px ""; color: red; margin-left: 10px;}
main #newPing .center ul li a s{ font: 13px/40px ""; color:#ccc; margin-left: 10px;}
main #newPing .center ul li a p{ font-size: 12px; margin-left: 10px;}
main #newPing .center ul li a p em{ float: right; font-size: 12px; margin-left: 10px; margin-right: 10px;}
main #newPing .bottom{ display: flex;align-items: center; justify-content:center; height: 80px; }
main #newPing .bottom span{ width: 40px; height: 30px; background: #ff464e; color: #fff; border-radius: 5px; line-height: 30px; padding: 0 10px;}
main #newPing .bottom ul{ display: flex;}
main #newPing .bottom ul li{ border:1px solid #ccc; padding:10px; margin: 0 10px; border-radius: 5px;}

footer{ margin-top: 20px;}
footer .active{background:#ff464e; height: 3px;}
footer .margin{padding: 30px 30px 0 40px;box-sizing:border-box;}
footer .top{ display: flex;position: relative; }
footer .top .left{ }
footer .top .left span{ font: 14px/24px "";}
footer .top .center{display: flex;}
footer .top dl{}
footer .top dt{ font-size: 15px; font-weight: 900; margin:0 0 10px 60px;}
footer .top dd{margin:0px 60px; font: 12px/24px "";}
footer .top .right{}
footer .top .right .te{ background: url(http://jp.juancdn.com/juanpi/images/global/service_add.gif?20160113) no-repeat; width: 86px; height: 42px; margin-left: 34px; }
footer .top .right .te a{display:block;width: 86px; height: 42px;}
footer .top .right .te:hover{ background-position: 0 -47px;}
footer .top .right span{ color: rgb(151, 151, 151);}
footer .top .right .a1{ position: absolute; right:80px; top: 8px;}
footer .top .right .a2{ position: absolute; right:72px; top: 25px;}
footer .top .right p{font: 12px/60px ""; color: rgb(151, 151, 151); margin-left: 70px;}
footer .center{}
footer .center p{border-bottom: 1px solid #ccc; font: 13px/40px ""; margin-bottom: 20px;}
footer .center p a{ display: inline; margin-left: 20px;}
footer .center span{float: right;}
footer .bottom{}
footer .bottom p{ font:12px/20px ""; color:#ccc;text-align: center;}
footer .bottom ul{display: flex; justify-content: center; margin:10px 0 30px 0;}
footer .bottom ul li{ margin: 0 10px;}




#active{height:274px;position:fixed;right:40px;margin:auto;top:50px;bottom:0;}
#active a{display:block;width:60px;height:60px;color:rgb(32, 31, 31);text-align:center;font:12px/60px "";margin:4px;background: rgba(200,200,200,0.4);}









